import styled from 'styled-components'

export const DataTableBox = styled.div`
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .table{
        margin-top: 2rem;
        padding: 2rem;
        width: 90rem;
        height: 38rem;
        background-color: #fff;
        border-radius: 8px;
        box-sizing: border-box;
        .tabletitle{
            margin-bottom: 2rem;
            font-family: PingFang SC;
            font-weight: 500;
            font-size: 1.6rem;
            color: #333333;
        }
        .zhuangchebox{
            width: 110px;
            height: 66px;
            background-color: #f7f7f7;
            border-radius: 4px;
            position: absolute;
            top: 20px;
            right:40px;
            .countAll{
                margin-top: 5px;
                display: flex;
                justify-content: start;
                padding-left: 15px;
                
                :nth-child(1){
                    font-size: 20px;
                    font-weight: 600;
                    color: #333333;
                }
                :nth-child(2){
                    font-size: 14px;
                    color: #999;
                }
            }
            .titleName{
                font-size: 14px;
                color: #999;
                padding-left: 15px;
            }
        }
    }
`